<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>
</h:head>
<h:body>
<ui:composition template="/templates/Plantilla.xhtml">
 <ui:define name="content">			
  <h:form id="form">
  	<h3> Asignar equipos agua de red</h3>
	<p:separator/>
	<p:panel>
		 Información de Sucursal
		<p:separator/>
	</p:panel>
	<h4>Equipos de Agua de Red Disponibles</h4>
	<p:separator/>
	<p:dataTable id="tblFrioCalor" value="#{sujetoAguaDeRed.equiposDisponibles}" 
				 paginator="true" rows="10" var="fc" 
				 emptyMessage = "Lista de Equipos Frio Calor vacia">
			
		<p:column>
  				<f:facet name="header">Nº de Serie</f:facet>
  				#{fc.numeroDeSerie}			    			
 		</p:column>

		<p:column>
  				<f:facet name="header">Marca</f:facet>
  				#{fc.marca}
		</p:column>

		<p:column>
  				<f:facet name="header">Modelo</f:facet>
  				#{fc.modelo}
		</p:column>
  		
		<p:column>
			<p:commandButton value="Assignar" actionListener="#{sujetoAguaDeRed.assigAguaDeRed(fc)}"
			process="@all" update=":form:tblFrioCalor, :form:tblEquiposAssigned">  					
  			</p:commandButton>
		</p:column>
		<f:facet name ="footer">Seleccionar un Equipo</f:facet>		
	</p:dataTable>
	<h4>Equipos de Agua de Red Asignados</h4>
	<p:separator/>
	<p:dataTable id="tblEquiposAssigned" value="#{sujetoAguaDeRed.equiposAssigned}" 
				 paginator="true" rows="10" var="fc" 
				 emptyMessage = "Lista de Equipos Frio Calor vacia">
			
		<p:column>
  				<f:facet name="header">Nº de Serie</f:facet>
  				#{fc.numeroDeSerie}			    			
 		</p:column>

		<p:column>
  				<f:facet name="header">Marca</f:facet>
  				#{fc.marca}
		</p:column>

		<p:column>
  				<f:facet name="header">Modelo</f:facet>
  				#{fc.modelo}
		</p:column>
  		
  		<p:column>
			<p:commandButton value="Quitar" actionListener="#{sujetoAguaDeRed.removeAguaDeRed(fc)}"
			process="@all" update=":form:tblFrioCalor, :form:tblEquiposAssigned">  					
  			</p:commandButton>
		</p:column>
		
	</p:dataTable>    
  </h:form>        	        	        	        
 </ui:define>
</ui:composition>
	
</h:body>
</html>